import axios from 'axios'
import { Message } from 'element-ui'
import qs from 'qs'

// 创建一个HTTP服务实例
const service = axios.create({
    // baseURL: process.env.VUE_APP_BASE_API,  // 后端url
    baseURL: "/api",
    withCredentials: true,  // 设置可跨域 与后端交互
    timeout: 10000  //超时阈值
})

// 请求拦截器
// service.interceptors.request.use(
//     config => {
//         // 在请求发送之前的操作
//         if (store.getters.token) {
//             // 获取tokend设置到请求头
//             config.headers['token'] = getToken()
//         }
//         return config
//     },
//     error => {
//         // 报错情况
//         console.log(error) // 处理Bug位置
//         return Promise.reject(error)
//     }
// )

// 响应拦截器
service.interceptors.response.use(
    response => {
        // res就是后端返回来的结果 
        // {code:200,status:'ok',message:'成功',data:{} }
        const res = response.data
        if (res.code!==200){
            // 用户信息错误
            if(res.code === 0){
                Message({ message: res.msg, type: 'error', duration: 3*1000 })
            }
            // 返回承诺失败对象
            return Promise.reject(new Error(res.message || 'Error'))
        }else{
            return res;
        }
    },
    error => {
        console.log('err' + error) // 测试用
        Message({
            message: error.message,
            type: 'error',
            duration: 5*1000
        })
        return Promise.reject(error)
    }
)

export function get(url, params) {
    return service.get(url, {
        params, // get请求的参数
        timeout: 10000,
        headers: {
            'X-Requested-With': 'XMLHttpRequest'
        }
    })
}

export function getToken(url, params, token) {
    return service.get(url, {
        params, // get请求的参数
        timeout: 10000,
        headers: {
            'X-Requested-With': 'XMLHttpRequest',
            'Authorization': token
        }
    })
}

export function del(url, params) {
    return service.delete(url, {
        params, // get请求的参数
        timeout: 10000,
        headers: {
            'X-Requested-With': 'XMLHttpRequest'
        }
    })
}

export function delToken(url, params, token) {
    return service.delete(url, {
        params, // get请求的参数
        timeout: 10000,
        headers: {
            'X-Requested-With': 'XMLHttpRequest',
            'Authorization': token
        }
    })
}

export function delJSON(url, params){
    return service.delete(url, {
        data: params,   // 同样get中的参数
        timeout: 10000,
        headers:{
            'X-Requested-With': 'XMLHttpRequest'
        }
    })
}

export function postToken(url, data, token) {  
    return service.post(url, qs.stringify(data, { arrayFormat: 'repeat' }), {  
        timeout: 10000,  
        headers: {  
            'X-Requested-With': 'XMLHttpRequest',  
            'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',  
            'Authorization': token
        }  
    });  
}

export function post(url, data) {
    return service.post(url, qs.stringify(data, { arrayFormat: 'repeat'}),{
        timeout: 10000,
        headers: {
            'X-Requested-With': 'XMLHttpRequest',
            'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
        }
    })
}

// postJSON
export function postJSON(url, data){
    return service.post(url,data,{
        timeout: 10000
    })
}

// put
export function put(url, data) {
    return service.put(url, qs.stringify(data, { arrayFormat: 'repeat' }), {
        timeout: 10000,
        headers: {
            'X-Requested-With': 'XMLHttpRequest',
            'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
        }
    })
}

export function putJSON(url, data) {
    return service.put(url, data, {
        timeout: 10000
    })
}